<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>SOLUTION-ONLINE</title>
    <link rel="stylesheet" href="../bgAll/css/common.css" type="text/css" />
    <link rel="stylesheet" href="./css/ONLINE.css" type="text/css" />
    <link rel="stylesheet" href="../css/index.css" type="text/css" />
    <link rel="stylesheet" type="text/css" href="../css/default.css">
    <link rel="stylesheet" href="../bgAll/css/fakeLoader.css" type="text/css" />

</head>

<body class="wrap" style="overflow: hidden">

<div class="mod-star-list">
    <div class="inner"></div>
</div>
<!-- header Start -->
<div id="header" class="mt12 clearfix" style="margin-left:10px">
    <div class="header-left">
        <a href="EB.html" class="clearfix">
            <div class="bg-next rotate5 btn"></div>
            <p>浏览下一个方案</p>
        </a>
    </div>
    <div class="header-right">
        <div class="header-open">解决方案<span style="color:#90b8f1;font-size:14px"></span>
            <p>直播互动应用构架</p>
        </div>
    </div>
</div>

<div class="content">
    <div class="online-main" style="">
        <div class="online-main-top" style="height: 400px;">
            <div class="online-main-top-sub" style="background-image: url('img/EB-down-big.png')">
                <span class="online-main-top-sub-header" style="width: 170px;left: -28px;">多终端接入SDK支持</span>
                <img src="img/PC.png" />
                <img src="img/Phone.png" />
                <img src="img/Pad.png" />
                <img src="img/TV.png" />
            </div>
            <div class="online-main-top-sub" style="background-image: url('img/EB-down-big.png');margin-left: 10%;">
                <span class="online-main-top-sub-header">接入层</span>
            </div>
            <div class="online-main-top-sub" style="background-image: url('img/EB-down-big.png');margin-left: 5%;">
                <span class="online-main-top-sub-header">业务服务层</span>
            </div>
            <div class="online-main-top-sub" style="background-image: url('img/EB-down-big.png');margin-left: 5%;">
                <span class="online-main-top-sub-header">存储服务层</span>
            </div>
            <div class="online-main-top-sub" style="background-image: url('img/EB-down-big.png');margin-left: 10%;">
                <span class="online-main-top-sub-header">数据服务层</span>
            </div>
        </div>
        <div class="online-main-bottom" style="height: 400px;">
            123
        </div>
    </div>
</div>
<footer class="clearfix">
    <div class="footer-left fl">
        <a href="index.html" class="back shineAction"></a>
        <div class="backText">返回上一级</div>
    </div>
    <div class="footer-right fr">
        <a href="" class="refresh shineAction"></a>
        <div class="refreshText">刷新&nbsp;</div>
    </div>
</footer>

<script type="text/javascript" src="../bgAll/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="../bgAll/js/waypoints.js"></script>
<script type="text/javascript" src="../bgAll/js/star.js"></script>
<script type="text/javascript">
    var scaleNum=0;
    var financeLines = $('.finance-line');
    var scaleBox = function(){
        financeLines.removeClass('scaleClass').eq(scaleNum).addClass('scaleClass');
        if(scaleNum==0){
            scaleNum++;
        }else if(scaleNum==1){
            scaleNum++;
        }else{
            scaleNum=0;
        }
    }
    setInterval(scaleBox,1500);
</script>
</body>

</html>